<template>
    <basic-container>
        <div style="width:50%;margin-top: 10px;">
            <avue-form ref="form" v-model="obj" :option="option"  @submit="submit">
            </avue-form>
        </div>
    </basic-container>
</template>
<script>
    import {
        setYtzf,
        getYtzf
    } from "../../api/base/sysSet/ytsfSet";
    export default {
        data() {
            return {
                obj:{},
                option:{
                    emptyBtn:false,
                    labelWidth:'200',
                    labelPosition:'left',
                    column: [{
                        label: "调用这个接口返回支付页面",
                        tip:'调用这个接口返回支付页面，这个页面有输入支付密码等等功能,封装好的支付功能',
                        prop: "ytPayViewUrl",
                        span: 24,
                        rules: [{
                            required: true,
                            message: "请输入调用这个接口返回支付页面，这个页面有输入支付密码等等功能,封装好的支付功能",
                            trigger: "blur"
                        }]
                    },{
                        label: "调用这个接口返回支付页面",
                        tip:'这个页面有输入支付密码等等功能,封装好的支付功能,去支付的时候调用的接口',
                        prop: "ytPayUrl",
                        span: 24,
                        rules: [{
                            required: true,
                            message: "请输入调用这个接口返回支付页面",
                            trigger: "blur"
                        }]

                    },{
                        label: "查询支付是否成功",
                        prop: "ytQueryPayUrl",
                        tip:'调用这个接口查询支付是否成功',
                        span: 24,
                        rules: [{
                            required: true,
                            message: "请输入查询支付是否成功",
                            trigger: "blur"
                        }]

                    },{
                        label:'调用方的成功页面',
                        tip:' 含带支付成功、购买广告支付成功等等不行地址可以增加参数 以便处理之后跳转逻辑',
                        prop: "ytReturnUrl",
                        span: 24,
                        rules: [{
                            required: true,
                            message: "请输入调用方的成功页面",
                            trigger: "blur"
                        }]

                    },{
                        label: '云台支付回调',
                        prop: "ytNotifyUrl",
                        span: 24,
                        rules: [{
                            required: true,
                            message: "请输入云台支付回调",
                            trigger: "blur"
                        }]

                    }]
                }
            }
        },
        created(){
            this.getData()
        },
        methods:{
            getData(){
                getYtzf().then(res=>{
                    if(res.data.code==200){
                        this.obj=res.data.data
                    }
                })
            },
            submit (form,done) {
                setYtzf(this.obj).then(res=>{
                        this.$message({
                            message:'提交成功',
                            type:'success'
                        })
                        done()
                        this.getData()

                })
            },
        }
    }

</script>